@charset "utf-8";
@import "common/reset";
@function p($px){
    @return $px/2+px;
}
.mobile{
    section{
        padding:0 p(22);
        .shopping{
            margin-top:p(34);
            .title{
                h1{
                    float:left;
                    font-size:p(30);
                    font-weight: normal;
                }
                span{
                    float:right;
                    font-size:p(24);
                }
            }
            ul{
                margin-top:p(16);
                li{
                    float:left;
                    width:50%;
                    text-align: center;
                    font-size:0;
                    margin-bottom: p(30);
                    
                    a{
                        display:inline-block;
                        width:p(241);
                        height:p(94);
                        overflow: hidden;
                        img{
                            width:100%;
                        }
                    }
                }
            }
        }
//      .img{
////          width:p(279);
//          width:37.2%;
////          height:p(351);
//          padding-top:46.8%;
//          overflow: hidden;
//          position:relative;
//          img{
//              position:absolute;
//              top:0;
//              width:100%;
//          }
//      }

        .hotSearch{
            .title{
                h1{
                    float:left;
                    font-size:p(30);
                }
                span{
                    float:right;
                }
            }
            .product{
                overflow: hidden;
                .pro_left{
                    float:left;
                    width:39.5%;
                    padding-top:49.71%;
                    overflow:hidden;
                    position:relative;
                    img{
                        position:absolute;
                        top:0;
                        width:100%;
                    }
                }
                .pro_right{
                    position:relative;
                    float:left;
                    width:59.49%;
                    padding-top:49.71%;
                    overflow:hidden;
                    margin-left:1.01%;
                    .pro_right_top{
                        position:absolute;
                        width:100%;
                        height:34.7%;
                        overflow:hidden;
                        img{
                            margin-top:18.7%;
                           width:100%;
                           height:46.6%;
                           overflow: hidden;
                        }
                        
                    }
                }
            }
        }
    }
    footer{
        ul{
            padding:p(16) 0;
            li{
                float:left;
                width:25%;
                text-align: center;
                a{
                    display:block;
                    color:#000;
                    font-size:p(26);
                }
                a:first-child{
                    color:#ff9344;
                    font-size:p(72);
                }
            }
        }
}
}